<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //模板字符串  原样显示 ``
        let str = `hello
                         can you fell my word`; //类似pre标签
        let content = `《静夜思》
        床前明月光，疑是地上霜 `;

        console.info(str);
        console.info(content);



        //字符串插入变量和表达式。
        //变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
        let name = "Mike";
        let age = 27;
        let info = `My Name is ${name},I am ${age+1} years old next year.`
        console.info(info);
    </script>
</head>

<body>
    <!-- p标签 内容会默认显示一行 -->
    <p>《静夜思》 床前明月光，疑是地上霜
    </p>
    <br>
    <!-- pre 标签书写的结构和显示的结构一样 -->
    <pre>《静夜思》
        床前明月光，疑是地上霜</pre>
</body>

</html>